أنا مبتدئ تمامًا ، وقد درست ذاتيًا لمدة أسبوعين استعدادًا لمعسكر تدريبي قادم في غضون شهر. في محاولة لتحسين مهاراتي و "تعلم التفكير كمطور" ، بدأت في مشروع يحاول حل مشكلة في العالم الحقيقي.
تدير زوجتي نشاطًا تجاريًا يتطلب منها إصدار فواتير لعملائها. أحاول استخدام HTML و JavaScript لإنشاء تطبيق على شبكة الإنترنت يمكّنها من إنشاء فواتير مخصصة بسرعة بدلاً من كتابتها يدويًا في كل مرة.
في الإصدار الحالي ، تطلب مطالبة رقمًا منها. يُنشئ هذا الرقم عددًا متساويًا من صفوف ثلاثة أعمدة في HTML. يتيح لها ذلك تخصيص الفاتورة بالعدد الدقيق للحقول التي تحتاجها.
يحتوي العمود 1 على اسم المنتج. في نفس الصف ، يحتوي العمود 2 على عدد الوحدات ، بينما يحتوي العمود 3 على التكلفة الإجمالية لهذا المنتج ، وهو السعر الأساسي مضروبًا في عدد الوحدات. أريد أن يتم هذا الحساب عند النقر فوق الزر. لكنني عالق.
من أجل إجراء العمليات الحسابية ، يجب أن أكون قادرًا على الحصول على الأعداد الصحيحة من كل صف وعمود وتمريرها إلى دالة. ولكن نظرًا لأنه تم إنشاء كل صف وعمود تلقائيًا ، فلا توجد سمات فريدة لهما وبالتالي لا يمكن تحديدهما. أنا قادر على إجراء العمليات الحسابية أسفل كل عمود ، ولكن ليس عبر كل صف.
نظرًا لأنني جديد جدًا ، بعد أن تعلمت فقط من دورتين تمهيديتين في Codecademy وبعض مقاطع فيديو YouTube ، لا أعرف كيف أقوم بتقييم ما إذا كنت أقترب من المشروع بشكل خاطئ تمامًا ، أو إذا كان هناك بعض الحيلة التي فاتني ، أو إذا كان هناك شيء لم يتعلمه بعد. إذا تمكن شخص لديه بعض الخبرة من دفعني في الاتجاه الصحيح ، فأنا أقدر ذلك حقًا!
لقد أرفقت كل الشفرة بهذا المنشور. أعتذر إذا كانت فوضى رهيبة. كن هادئًا ، فأنا مبتدئ!
const invDate = التاريخ () ،
var field = " العنصر:  " +
" الكمية:  " +
" السعر ($):   
 
"؛
document.getElementById ('newInvoice'). onclick = function () {
let invoicedName = موجه ("لمن تم إرسال هذه الفاتورة؟" ، "أدخل اسمًا") ؛
let productFields = Number (موجه ("كم عدد أسماء المنتجات في هذه الفاتورة؟" ، "الرجاء إدخال رقم")) ؛
دع الحقول = "
دع dynHtml = "
إذا (invoicedName! = null && productFields! = null) {
لـ (let i = 1؛ i <= productFields؛ i ++) {
الحقول + = الحقل} ؛
} else {alert ('Please enter valid inputs.')؛
} ؛
dynHtml = "  
 
" +
"
 الفاتورة " +
"
 تم التحضير لـ: " + invoicedName + " ، على" +
"
" + invDate + "
 
 
" +
الحقول + "
 
" +
" حساب  "؛
document.write (dynHtml) ؛
document.getElementById ('calculate'). onclick = function getQtyFields () {
دع qtyInputs = document.getElementsByName ('qty') ،
resultQty = 0 ؛
لـ (let j = 0 ؛ j